<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	 <meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
	<nav class="navbar navbar-default nav-bgcolor fixed" role="navigation">
    <div class="container nav-bgcolor">
    <div class="navbar-header" style="background-color:#fff;">
    	
    	 <a class="navbar-brand " href="#"><img src="images/logo.png" id="logo"></a>
         <div class="zhan"></div>
        <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
       
    </div>
    <div class="collapse navbar-collapse" id="example-navbar-collapse">
        <ul class="nav navbar-nav dh">
           
            <li class="active"><a href="#" class="noBg">首页</a></li>
            <li><a href="#">公司动态</a></li>
            <li><a href="#">我们做什么</a></li>
            <li><a href="#">合作伙伴</a></li>
            <li><a href="#">成功案例</a></li>
            <li><a href="#">招贤纳士</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>
    </div>
</nav>
<!-- 导航结束 -->
<div class="ding"></div>
 <!-- 内容 -->

 <div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active " ></li>
        <li data-target="#myCarousel" data-slide-to="1" ></li>
         <li data-target="#myCarousel" data-slide-to="2" ></li>
        <li data-target="#myCarousel" data-slide-to="3" ></li>
        
    </ol>  
    <script type="text/javascript">
     $(document).ready(function(){
         $("#myCarousel").carousel('cycle');

     })
    </script> 
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/rongyao.jpg" class="banner-pic" alt="First slide">
        </div>
        <div class="item">
            <img src="images/rongyao2.jpg" class="banner-pic" alt="Second slide">
        </div>
         <div class="item">
            <img src="images/fuwu.jpg" class="banner-pic" alt="Third slide">
        </div>
         <div class="item">
            <img src="images/chuangxin.jpg" class="banner-pic" alt="Fourth slide">
        </div>
        
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel" 
       data-slide="prev"></a>
    <a class="carousel-control right" href="#myCarousel" 
       data-slide="next"></a>
</div> 
<!-- banner结束 -->

<div class="container-fluid">
   <div class="row text-center">
       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <span class="title ">USER&nbsp;SERVICE&nbsp;&nbsp;<font color="#ccc">&</font>&nbsp;&nbsp;<span style="color:#e41e1a">我们做什么</span></span>
      </div>
      </div>
  <div class="row par1">
      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-0"></div>
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-3 text-center aa">
        <div class="par1-img" id="pp1"><img src="images/do1.jpg">
         <div class="par1-info" id="pin1">
            <a href="#">软件应用咨询</a><br>
            <a href="#">信息系统开发</a><br>
            <a href="#">互联网应用开发</a><br>
            <a href="#">移动应用开发</a><br>
            <a href="#">电子商务建设</a><br>
            

        </div>
        </div>
       
        <script type="text/javascript">
          $(document).ready(function(){
            $("#pp1").mouseenter(function(){
                $("#pp1>img").hide(0);
                $("#pin1").show(0);
                $("#cicl1").css("background-color","#666");
            })
             $("#pp1").mouseleave(function(){
                $("#pp1>img").show(0);
                $("#pin1").hide(0);
                 $("#cicl1").css("background-color","#fff");
            })
              $("#pp2").mouseenter(function(){
                $("#pp2>img").hide(0);
                $("#pin2").show(0);
                 $("#cicl2").css("background-color","#666");
            })
             $("#pp2").mouseleave(function(){
                $("#pp2>img").show(0);
                $("#pin2").hide(0);
                 $("#cicl2").css("background-color","#fff");
            })
              $("#pp3").mouseenter(function(){
                $("#pp3>img").hide(0);
                $("#pin3").show(0);
                 $("#cicl3").css("background-color","#666");
            })
             $("#pp3").mouseleave(function(){
                $("#pp3>img").show(0);
                $("#pin3").hide(0);
                 $("#cicl3").css("background-color","#fff");
            })
          })
        </script>

        <div style="height:40px"></div>
        <div class="par1-tit "><div class="titl">软件开发</div><div class="cicl" id="cicl1"></div></div>
        </div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-3 text-center aa">
        <div class="par1-img" id="pp2"><img src="images/do2.jpg">
        <div class="par1-info" id="pin2">
            <a href="#">行业客户IT运维服务</a><br>
            <a href="#">软、硬件项目IT运维服务</a><br>
            <a href="#">一般客户IT运维服务</a><br>
            

        </div>
        </div>
        <div style="height:40px"></div>
        <div class="par1-tit "><div class="titl">IT运维</div><div class="cicl" id="cicl2"></div></div>
        </div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-3 text-center aa">
         <div class="par1-img" id="pp3"><img src="images/do3.jpg">
         <div class="par1-info" id="pin3">
            <a href="#">新一代数据库中心解决方案</a><br>
            <a href="#">IT能源解决方案</a><br>
            <a href="#">网络安全解决方案</a><br>
            <a href="#">提供技术咨询、项目管理以及从方案设计设备选型、集成、业务流程管理的一揽子IT整体解决</a><br>
           

        </div>
         </div>
        <div style="height:40px"></div>
        <div class="par1-tit "><div class="titl">系统集成</div><div class="cicl" id="cicl3"></div></div>
        </div>
        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>

      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-0"></div>
      </div>
  </div>      
    <div class="row text-center">
       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <span class="title ">SUCCESSFUL&nbsp;CASE&nbsp;&nbsp;<font color="#ccc">&</font>&nbsp;&nbsp;<span style="color:#e41e1a">成功案例</span></span>
      </div>
      </div>
   <div class="container">
    <div class="row par2 text-center">
       
        <div class="col-lg-7 col-md-7 col-sm-5 col-xs-12">
          <span class="par2-title">案例主题</span>  
          <p class="par2-info">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容...</p>
          <p class="date">2017-6-21</p>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-5 col-xs-12 par2-pic">
            <img src="images/anli.jpg">
        </div>

    </div>
    <div class="row">
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" style="margin-top:20px">

            <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 anli">
                <span class="par2-t">案例主题</span>
                <p class="par2-if">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容...</p>
                <p class="date1">2017-6-21</p>

            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="width:10%"></div>
             <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 anli">
                <span class="par2-t">案例主题</span>
                <p class="par2-if">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容...</p>
                <p class="date1">2017-6-21</p>
                
            </div>
        </div>
         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" style="margin-top:20px" id="phoneHidden">

            <div class="col-lg-5 col-md-5 col-sm-5 col-sm-5 anli">
                <span class="par2-t">案例主题</span>
                <p class="par2-if">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容...</p>
                <p class="date1">2017-6-21</p>

            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-sm-2" style="width:10%"></div>
             <div class="col-lg-5 col-md-5 col-sm-5 col-sm-5 anli">
                <span class="par2-t">案例主题</span>
                <p class="par2-if">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容案例内容...</p>
                <p class="date1">2017-6-21</p>
                
            </div>
        </div>
    </div>


   </div>
</div>
  
  <div class="container-fluid par3">
      <div class="row text-center">
       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <span class="title ">NEWS&nbsp;&nbsp;<font color="#ccc">&</font>&nbsp;&nbsp;<span style="color:#e41e1a">公司动态</span></span>
      </div>
      </div>
      <div class="row" style="margin-top:20px">
          <div class="col-lg-1 col-md-0 col-sm-0 col-xs-0"></div>
          <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">

            <div id="myCarousel" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <script type="text/javascript">
     $(document).ready(function(){
         $("#myCarousel").carousel('cycle');

     })
    </script> 
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <span class="par3-t">主题一</span>
            <p class="par3-info"><a href="#">内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一</a></p>
        </div>
        <div class="item">
            <span>主题二</span>
             <p class="par3-info"><a href="#">内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一</a></p>
        </div>
         <div class="item">
             <span>主题三</span>
              <p class="par3-info"><a href="#">内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一</a></p>
        </div>
         <div class="item">
             <span>主题四</span>
              <p class="par3-info"><a href="#">内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一内容一</a></p>
        </div>
        
    </div>
   
   
</div> 

          </div>
        <!-- <div class="col-lg-0 col-md-1 col-sm-1 col-xs-1"></div> -->
        <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
          <div id="myCar" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCar" data-slide-to="0" class="active " ></li>
        <li data-target="#myCar" data-slide-to="1" ></li>
         <li data-target="#myCar" data-slide-to="2" ></li>
        <li data-target="#myCar" data-slide-to="3" ></li>
        
    </ol>  
     <script type="text/javascript">
    //  $(document).ready(function(){
    //      $("#myCarousel").carousel('cycle');

    //  })
    // </script> 
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/anli.jpg" class="par3-pic" alt="First slide">
        </div>
        <div class="item">
            <img src="images/anli.jpg" class="par3-pic" alt="Second slide">
        </div>
         <div class="item">
            <img src="images/anli.jpg" class="par3-pic" alt="Third slide">
        </div>
         <div class="item">
            <img src="images/anli.jpg" class="par3-pic" alt="Fourth slide">
        </div>
        
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCar" 
       data-slide="prev"></a>
    <a class="carousel-control right" href="#myCar" 
       data-slide="next"></a>
</div> 
        </div>
 <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
      </div>

  </div>
  
  <div class="container">
    <div class="row text-center">
       <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
      <span class="title ">COOPERATIVE&nbsp;PARTNER&nbsp;&nbsp;<font color="#ccc">&</font>&nbsp;&nbsp;<span style="color:#e41e1a">合作伙伴</span></span>
      </div>
      </div>
      <div class="row par4-pic">
      <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 text-center"><img src="images/hb1.jpg" class="huoban"></div>
      <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 text-center"><img src="images/hb2.jpg" class="huoban"></div>
      <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 text-center"><img src="images/hb3.jpg" class="huoban"></div>
      <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 text-center"><img src="images/hb4.jpg" class="huoban"></div>
      <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 text-center"><img src="images/hb5.jpg" class="huoban"></div>
      <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 text-center"><img src="images/hb6.jpg" class="huoban"></div>
      <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 text-center"><img src="images/hb7.jpg" class="huoban"></div>
      <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 text-center"><a href="partner.html"><img src="images/hb8.jpg" class="huoban"></a></div>
   </div>
  </div>
  
  <div class="footer" style="border-top:5px #c61e1a solid;margin-top:20px;padding-top:10px;background-color:#f1f1f1;">
  <div class="container">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 zhanwei3" ></div>

    <div class="row  hidden-xs">
        <div  class="col-xs-0 col-md-1"></div>
      <div class="col-xs-10 col-md-8 ">
            <div class="col-xs-2 col-md-2 ">
      <ul class="list-unstyled">
              <li style="color:#c61e1a;font-size:1.6rem;" class="us1">公司动态</li>
            </ul>
           </div>
           <div class="col-xs-2 col-md-2 ">
            <ul class="list-unstyled">
              <li style="color:#c61e1a;font-size:1.6rem;" class="us1">我们做什么</li>
              <li><a href="">软件开发</a></li>
              <li><a href="">IT运维服务</a></li>
              <li><a href="">系统集成</a></li>              
            </ul>
           </div>
           <div class="col-xs-2 col-md-2 ">
            <ul class="list-unstyled">
              <li style="color:#c61e1a;font-size:1.6rem;" class="us1">合作伙伴</li>
            </ul>
           </div>
            <div class="col-xs-2 col-md-2 ">
      <ul class="list-unstyled">
              <li style="color:#c61e1a;font-size:1.6rem;" class="us1">成功案例</li>
            </ul>
           </div>
           <div class="col-xs-2 col-md-2 ">
            <ul class="list-unstyled">
              <li style="color:#c61e1a;font-size:1.6rem;" class="us1">招贤纳士</li>
              <li><a href="">薪酬福利</a></li>
              <li><a href="">招聘岗位</a></li>
              </ul>
           </div>
           <div class="col-xs-2 col-md-2 ">
            <ul class="list-unstyled">
              <li style="color:#c61e1a;font-size:1.6rem;" class="us1">关于我们</li>
              <li><a href="">公司简介</a></li>
              <li><a href="">企业文化</a></li>
              <li><a href="">发展历程</a></li> 
              <li><a href="">资质荣誉</a></li>
              <li><a href="">组织机构</a></li>
              <li><a href="">联系我们</a></li> 
            </ul>
           </div>
           </div>
           <div  class="col-xs-0 col-md-1"></div>
           <div class="col-xs-2 col-md-2">
            <img src="images/wei.jpg" class="erwei">
             <span class="erwei-text">扫一扫关注企业公众号</span>
           </div>
    </div>
  </div>
</div>
<!-- </div> -->
<div class="container-fluid" style="background-color: #F1F1F1;">
  <div class="container">   
    <div class="row ">
   <!-- <div class="container-fluid">-->
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
      <p>Copyright&nbsp;@&nbsp;2016-2010&nbsp;All&nbsp;rights&Reserved&nbsp;大理福致科技有限公司&nbsp;版权所有&nbsp;滇ICP备13005761号</p>
    </div>
  </div>

    <!--</div>-->
    </div>
<!-- </div>
</div> -->

</div>




  
</body>
</html>